import { FC } from 'react'
import CustomTable from '@/components/CustomTable'
import PageContainer from '@/components/PageContainer'
import { eventColumns } from './columns'
import { useNavigate } from 'react-router-dom'
import useGetTableData from '@/hooks/useGetTableData'
import { getList } from '@/api/devicelist'
import type { TableData } from './types'
import { Space, Button, Table } from 'antd'
import { SearchForm } from './SearchForm'
import SearchCom from '@/components/SearchForm'
import { useAntdTable } from 'ahooks'
import { useForm } from 'antd/es/form/Form'
const Index: FC = () => {
  // const [form] = useForm()
  // const navigate = useNavigate()
  // const { params, setParams, data, loading } = useGetTableData<TableData>(getList, {
  //   type: 0,
  //   page_size: 10,
  // })
  // const tableData = data?.lists?.map((item: TableData, i: number) => ({
  //   ...item,
  //   numbering: i + 1 + (params.page - 1) * params.page_size,
  // }))

  // const getTableData = ({ current, pageSize }: any): Promise<any> => {
  //   return getList({ type: 0, page_size: pageSize, page: current }).then((res) => ({
  //     total: res.data.total,
  //     list: res.data.lists,
  //   }))
  // }

  // const {
  //   tableProps,
  //   search,
  //   params: param,
  // } = useAntdTable(getTableData, {
  //   form,
  // })
  // console.log(param, tableProps, 'param1213')
  return <div>1</div>
  // <PageContainer>
  //   {/* <SearchForm
  //     onFinish={(vals: any) => {
  //       console.log(vals)
  //       setParams({ ...vals, page: 1, page_size: params.page_size })
  //     }}
  //     onReset={() => setParams({ page: 1, page_size: params.page_size })}
  //   /> */}
  //   <SearchCom
  //     form={form}
  //     onFinish={(vals) => {
  //       console.log(vals, 'vvv')
  //       setParams({ ...vals, page: 1, page_size: params.page_size })
  //     }}
  //     onReset={() => setParams({ page: 1, page_size: params.page_size })}
  //     searchConfig={[
  //       {
  //         name: 'category',
  //         label: '选择产品',
  //         type: 'Select',
  //         // option: categoryList,
  //         placeholder: '请选择产品',
  //       },
  //       {
  //         name: 'name',
  //         label: '设备名称',
  //         type: 'Input',
  //         placeholder: '请输入设备名称',
  //         config: {
  //           showCount: true,
  //           maxLength: 20,
  //         },
  //       },
  //       {
  //         name: 'price',
  //         label: 'sn编号',
  //         type: 'Input',
  //         placeholder: '请输入sn编号',
  //       },
  //       {
  //         name: 'price22',
  //         label: '物联网卡号',
  //         type: 'Input',
  //         placeholder: '请输入物联网卡号',
  //       },
  //     ]}
  //   ></SearchCom>
  //   {/* <CustomTable
  //     extra={
  //       <Space>
  //         <Button
  //           type="primary"
  //           onClick={() => {
  //             console.log(1)
  //           }}
  //         >
  //           新建
  //         </Button>
  //       </Space>
  //     }
  //     dataSource={tableData}
  //     loading={loading}
  //     columns={eventColumns({
  //       onEdit: () => {
  //         console.log(12)
  //       },
  //     })}
  //     pagination={{
  //       total: data?.total,
  //       current: params?.page,
  //       pageSize: params?.page_size,
  //       onChange: (page, page_size) => setParams({ ...params, page, page_size }),
  //     }}
  //   /> */}
  //   <Table
  //     rowKey="id"
  //     {...tableProps}
  //     columns={eventColumns({
  //       onEdit: () => {
  //         console.log(12)
  //       },
  //     })}
  //   ></Table>
  // </PageContainer>
}

export default Index
